<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            width: 600px;
            height: 800px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start; /* 将对话内容放在顶部 */
        }
        #myTextBox {
            width: 100%;
            height: 3em; /* 将输入框高度扩大为原来的三倍 */
            margin-bottom: 10px;
        }
        #responseDiv {
            flex-grow: 1; /* 让对话内容占据剩余的空间，推到底部 */
        }
    </style>
</head>
<body persistent="true"> <!--添加"persistent"属性使得页面不关闭-->
    <div id="responseDiv"></div> <!-- 将对话内容移到顶部 -->
    <input type="text" id="myTextBox" />
    <button id="myButton">Ask GPT-3.5-turbo</button>
    <script src="popup.js"></script>
</body>
</html>
